<template>
  <f7-block style="margin:0;padding:0">
    <!-- <f7-swiper pagination navigation>
      <f7-swiper-slide>
        <img src="@/assets/img/slide1.jpg" />
      </f7-swiper-slide>
      <f7-swiper-slide>
        <img src="@/assets/img/slide2.jpg" />
      </f7-swiper-slide>
      <f7-swiper-slide>
        <img src="@/assets/img/slide3.jpg" />
      </f7-swiper-slide>
    </f7-swiper> -->
    <!-- <f7-row style="margin:2vh;">
      <f7-col>
        <f7-button fill @click.stop="$f7router.navigate('/upload/')" style="height:6vh">上传歌曲</f7-button>
      </f7-col>
    </f7-row> -->
    <v-songCatalog :from="'whole'" :tRef="'0'" :id="'whole0'"/>
  </f7-block>
</template>
<script>
import SongCatalog from '@/components/songcatalog.vue'
export default {
  components:{
    'v-songCatalog':SongCatalog,
  }
}
</script>

<style lang="scss" scoped>
.swiper-slide {
  height: 20vh;
  text-align: center;
  img {
    height: 100%;
    width: 100%;
  }
}
</style>
